.total {
  display: flex;
  justify-content: space-around;
  height: 130px;
  margin-bottom: 44px;
  > div {
    display: flex;
    flex: 1;
    justify-content: center;
    &:nth-child(2) {
      border-right: 1px solid rgba(255, 255, 255, 0.1);
      border-left: 1px solid rgba(255, 255, 255, 0.1);
    }
    .title {
      color: #fff;
      font-weight: 600;
      font-size: 18px;
      line-height: 1.5;
    }
    .value {
      display: flex;
      align-items: baseline;
      margin-bottom: 8px;
      color: #00d5ff;
      font-size: 32px;
      font-family: 'DIN-Medium';
      line-height: 1.5;
      .unit {
        margin-left: 4px;
        color: rgba(255, 255, 255, 0.6);
        font-size: 14px;
        line-height: 1.5;
      }
    }
    .pers {
      display: flex;
      .per_item {
        display: flex;
        :global {
          .ant-progress-text {
            color: rgba(255, 255, 255, 0.9) !important;
          }
        }
        .rate {
          margin-left: 8px;
          .lab {
            color: rgba(255, 255, 255, 0.6);
            font-size: 14px;
            line-height: 22px;
          }
          .val {
            color: rgba(255, 255, 255, 0.9);
            font-size: 18px;
            font-family: 'DIN-Light';
            line-height: 26px;
          }
        }
      }
      .per_item + .per_item {
        margin-left: 24px;
      }
    }
  }
}
